<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <!-- 
    autocomplete
      on
      off 默认是on状态
      表示自动显示对应历史输入的内容
    novalidate 
      取消原生验证


    input 
      autocomplete
      autofocus
        自动获取焦点
      form  
        form可以绑定表单的id属性
        这样即使input在form表单外也可以被提交
      formaction
        以前表单只能提交到一个地址
        可以给不同的提交按钮设置不同的提交地址
      formmethod
        可以给不同的提交按钮设置不同的提交方式
      formnovalidate
        可以给不同的提交按钮，设置是否验证
      formenctype
        可以设置不同的编码形式
      formtarget
        可以给不同的按钮设置不同的提交后页面的状态
    
      multiple 
        file上增加该属性可以进行文件的多选操作

      pattern 兼容性不好
        除了默认的email等验证方式外，我们还可以使用pattern来进行表单自定义验证
      placeholder

      required
        必填项
   -->
  <form action="/a" id="demoForm" >
    <input type="text" pattern="\d+" required>
    <input type="text" name="a" autofocus>
    <input type="text" name="b">
    <input type="submit">
    <input type="submit" formaction="/b" formmethod="GET">
    <input type="submit" formaction="/c" formmethod="POST">
    <input type="file" multiple>
  </form>
  <input type="text" name="c" form="demoForm">

</body>
</html>